<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>绿家居</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 轮播图 banner CSS 文件 -->
    <link rel="stylesheet" href="css/banner.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/vote.css" type="text/css">
    
</head>
<body>
    <!-- 顶部联系信息 -->
    <div class="header">
        <div class="container clearfix">
            <div class="left">
                <p>免费热线：</p>
                <div class="phone-number">400-007-6585</div>
            </div>
            <div class="right">
                <img src="images/tiananmen.png" alt="">
            </div>
        </div>
    </div>

    <!-- 顶部导航 -->
     <div class="navbar header-nav">
        <div class="container">
            <div class="navbar-header">
                <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">绿家居</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="logo-show"><img src="images/logo-s.png" alt=""><span>绿家居</span></a>
            </div>
            <div class="navbar-collapse collapse " role="navigation" id="cssmenu-a">
                <ul class="nav navbar-nav clearfix">
                    <li class="active"><a data-href="#intr">投票简介</a></li>
                    <li class=""><a data-href="#framework">组织机构</a></li>
                    <li class=""><a data-href="#sponsors">赞助机构</a></li>
                    <div class="logo"><a href=""><img src="images/logo.png" alt=""></a></div>
                    <li class="items-process"><a data-href="#process">活动流程</a></li>
                    <li class="items-process-phone"><a data-href="#process-phone">活动流程</a></li>
                    <li class="items-bar"><a data-href="#bar">我要投票</a></li>
                    <li class="items-bar-phone"><a data-href="#bar-phone">我要投票</a></li>
                    <li class="item-statistical"><a data-href="#statistical">结果统计</a></li>
                    <li class="item-statistical-phone"><a data-href="#results">结果统计</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 轮播图 -->
    <div class="banner wardrobe-banner">
        <div id="owl-banner" class="owl-carousel">
            <div class="banner-item">
                <img src="images/banner3.jpg" alt="">
                <div class="banner-info">
                    <div class="banner-infoa a-bounceinB cur">中国十大绿色衣柜品牌网络投票</div>
                    <div class="banner-line a-fadeinT cur"></div>
                    <div class="banner-infob a-bouncein cur">China's ten big green wardrobe brand online voting</div> 
                </div>
                <a data-href="#bar" class="a-fadeinB cur items-bar">我要投票</a>
                <a data-href="#bar-phone" class="a-fadeinB cur items-bar-phone">我要投票</a>
            </div>
            <div class="banner-item">
                <img src="images/banner1.jpg" alt="">
                <div class="banner-info">
                    <div class="banner-infoa a-bounceinB cur">中国十大绿色地板品牌网络投票</div>
                    <div class="banner-line a-fadeinT cur"></div>
                    <div class="banner-infob a-bouncein cur">China's ten major green flooring</div> 
                </div>
                <a href="index.html#bar" class="a-fadeinB cur items-bar">我要投票</a>
                <a href="index.html#bar-phone" class="a-fadeinB cur items-bar-phone">我要投票</a>
            </div>
            <div class="banner-item">
                <img src="images/banner2.jpg" alt="">
                <div class="banner-info">
                    <div class="banner-infoa a-fadeinL cur">中国十大绿色儿童家居品牌网络投票</div>
                    <div class="banner-line a-fadeinT cur"></div>
                    <div class="banner-infob a-bouncein cur">China's top ten green children's home brand online voting</div> 
                </div>
                <a href="furniture.html#bar" class="a-fadeinB cur items-bar">我要投票</a>
                <a href="furniture.html#bar-phone" class="a-fadeinB cur items-bar-phone">我要投票</a>
            </div>
         
        </div>
    </div>

    <!-- 投票简介 -->
    <div id="intr" class="vote-intr">
        <div class="container">
            <h3>投票简介</h3>
            <h4>Products</h4>
            <p>受工信部消费品司的委托，绿居委制定了中国绿色家居品牌评价体系并顺利通过评审，并于2016年5月开展试评</p>
            <p>价，首次试评价在衣柜，地板和儿童家居中展开，企业票数将计入最后综合评分</p>
            <p>欢迎行业领军企业的积极参与。</p>
        </div>
    </div>

    <!-- 活动流程 -->
    <div id="process" class="vote-process wardrobe-process">
        <div class="container">
            <h3>活动流程</h3>
            <h4>Activity flow</h4>
            <ul class="process-item clearfix">
                <li class="process-item-a">
                   <h5>行业推荐</h5>
                   <p>Recommend</p>
                </li>
                <li class="process-item-b ">
                   <h5>初选入围</h5>
                   <p>Finalists</p>
                </li> 
                <li class="process-item-c">
                   <h5>微信投票</h5>
                   <p>vote</p>
                </li> 
                <li class="process-item-d">
                   <h5>网页展示</h5>
                   <p>Exhibition</p>
                </li> 
                <li class="process-item-e">
                   <h5>专家终审</h5>
                   <p>judgment</p>
                </li> 
                <li class="process-item-f">
                   <h5>结果公示</h5>
                   <p>Result</p>
                </li> 
                <li class="process-item-g">
                   <h5>颁奖典礼</h5>
                   <p>prize-giving</p>
                </li>  
            </ul>
        </div>
    </div>

    <!-- 微信端活动流程 -->
    <div id="process-phone" class="vote-process-phone">
        <h3>活动流程</h3>
        <h4>Activity flow</h4>
        <section id="cd-timeline" class="cd-container">
            <div class="cd-timeline-block">
                <div class="cd-timeline-img ">
                    <img src="images/wlc1.png" alt="Picture">
                </div>
                <div class="cd-timeline-content">
                    行业推荐
                </div> 
            </div>
            <div class="cd-timeline-block">
                <div class="cd-timeline-img ">
                    <img src="images/wlc2.png" alt="Picture">
                </div>
                <div class="cd-timeline-content">
                    初选入围
                </div> 
            </div>
            <div class="cd-timeline-block">
                <div class="cd-timeline-img ">
                    <img src="images/wlc3.png" alt="Picture">
                </div>
                <div class="cd-timeline-content">
                    微信投票
                </div> 
            </div>
            <div class="cd-timeline-block">
                <div class="cd-timeline-img ">
                    <img src="images/wlc4.png" alt="Picture">
                </div>
                <div class="cd-timeline-content">
                    网页展示
                </div> 
            </div>
            <div class="cd-timeline-block">
                <div class="cd-timeline-img ">
                    <img src="images/wlc5.png" alt="Picture">
                </div>
                <div class="cd-timeline-content">
                    专家终审
                </div> 
            </div>
            <div class="cd-timeline-block">
                <div class="cd-timeline-img ">
                    <img src="images/wlc6.png" alt="Picture">
                </div>
                <div class="cd-timeline-content">
                    结果公示
                </div> 
            </div>
            <div class="cd-timeline-block">
                <div class="cd-timeline-img ">
                    <img src="images/wlc7.png" alt="Picture">
                </div>
                <div class="cd-timeline-content">
                    颁奖典礼
                </div> 
            </div>
        </section> 
    </div>

    <!-- 组织机构 -->
    <div id="framework" class="framework wardrobe-framework">
        <div class="container">
            <h3>组织机构</h3>
            <h4>institutional framework</h4>
            <p>委托机构：工业与信息化部消费品司</p>
            <p>承办机构：CIDA中国绿色家居环境技术工作委员会(绿居委）</p>
        </div>
    </div>
    
    <!-- 微信端入围品牌 -->
    <div id="brand" class="vote-brand">
        <div class="container">
            <h3>入围品牌</h3>
            <h4>Shortlisted for the brand</h4>
            <div class="row">
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="brand-item">
                        <img src="images/zzjg1.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 投票栏 -->
    <div id="bar" class="vote-bar wardrobe-vote-bar">
        <div class="container">
            <h3>投票栏</h3>
            <h4>Ballot box</h4>
            <div id="owl-bar" class="owl-carousel">
                <div class="bar-scl">
                    <!-- 第一层 -->
                    <ul class="first-floor clearfix">
                        <li class="bar-info">
                            <img src="images/bar1.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/bar2.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg1.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg2.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg3.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                    </ul>
                    <!-- 第二层 -->
                    <ul class="second-floor clearfix">
                        <li class="bar-info">
                            <img src="images/zzjg4.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg5.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg6.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg7.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                    </ul>
                    <!-- 第三层 -->
                    <ul class="three-floor clearfix">
                        <li class="bar-info">
                            <img src="images/zzjg8.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg9.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg10.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="bar-scl">
                    <!-- 第一层 -->
                    <ul class="first-floor clearfix">
                        <li class="bar-info">
                            <img src="images/bar1.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/bar2.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg1.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg2.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg3.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                    </ul>
                    <!-- 第二层 -->
                    <ul class="second-floor clearfix">
                        <li class="bar-info">
                            <img src="images/zzjg4.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg5.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg6.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg7.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="bar-scl">
                    <!-- 第一层 -->
                    <ul class="first-floor clearfix">
                        <li class="bar-info">
                            <img src="images/bar1.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/bar2.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg1.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg2.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                        <li class="bar-info">
                            <img src="images/zzjg3.png" alt="">
                            <div class="bar-hoverinfo">
                                <div class="vote-ps">票数</div>
                                <div class="vote-number">6780</div>
                                <div class="vote-zan"><a href=""><img src="images/zan.png" alt=""></a></div>
                                <div class="vote-wt">为他投票</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 微信端投票栏 -->
    <div id="bar-phone" class="vote-bar-phone">
        <h3>投票栏</h3>
        <h4>Ballot box</h4>
        <div class="container">
            <div id="owl-bar-phone" class="owl-carousel">
                <div class="item">
                   <div class="item-pic">
                       <img src="images/zzjg1.png" alt="">
                   </div>
                   <div class="item-ps">60879票</div>
                   <a href=""><img src="images/zan.png" alt=""></a>
                   <p>为他投票</p>
                </div>
                <div class="item">
                   <div class="item-pic">
                       <img src="images/zzjg1.png" alt="">
                   </div>
                   <div class="item-ps">60879票</div>
                   <a href=""><img src="images/zan.png" alt=""></a>
                   <p>为他投票</p>
                </div>
                <div class="item">
                   <div class="item-pic">
                       <img src="images/zzjg1.png" alt="">
                   </div>
                   <div class="item-ps">60879票</div>
                   <a href=""><img src="images/zan.png" alt=""></a>
                   <p>为他投票</p>
                </div>
                <div class="item">
                   <div class="item-pic">
                       <img src="images/zzjg1.png" alt="">
                   </div>
                   <div class="item-ps">60879票</div>
                   <a href=""><img src="images/zan.png" alt=""></a>
                   <p>为他投票</p>
                </div>
                <div class="item">
                   <div class="item-pic">
                       <img src="images/zzjg1.png" alt="">
                   </div>
                   <div class="item-ps">60879票</div>
                   <a href=""><img src="images/zan.png" alt=""></a>
                   <p>为他投票</p>
                </div>
                <div class="item">
                   <div class="item-pic">
                       <img src="images/zzjg1.png" alt="">
                   </div>
                   <div class="item-ps">60879票</div>
                   <a href=""><img src="images/zan.png" alt=""></a>
                   <p>为他投票</p>
                </div>
                <div class="item">
                   <div class="item-pic">
                       <img src="images/zzjg1.png" alt="">
                   </div>
                   <div class="item-ps">60879票</div>
                   <a href=""><img src="images/zan.png" alt=""></a>
                   <p>为他投票</p>
                </div>
                <div class="item">
                   <div class="item-pic">
                       <img src="images/zzjg1.png" alt="">
                   </div>
                   <div class="item-ps">60879票</div>
                   <a href=""><img src="images/zan.png" alt=""></a>
                   <p>为他投票</p>
                </div>
                <div class="item">
                   <div class="item-pic">
                       <img src="images/zzjg1.png" alt="">
                   </div>
                   <div class="item-ps">60879票</div>
                   <a href=""><img src="images/zan.png" alt=""></a>
                   <p>为他投票</p>
                </div>
                <div class="item">
                   <div class="item-pic">
                       <img src="images/zzjg1.png" alt="">
                   </div>
                   <div class="item-ps">60879票</div>
                   <a href=""><img src="images/zan.png" alt=""></a>
                   <p>为他投票</p>
                </div>
                <div class="item">
                   <div class="item-pic">
                       <img src="images/zzjg1.png" alt="">
                   </div>
                   <div class="item-ps">60879票</div>
                   <a href=""><img src="images/zan.png" alt=""></a>
                   <p>为他投票</p>
                </div>
                <div class="item">
                   <div class="item-pic">
                       <img src="images/zzjg1.png" alt="">
                   </div>
                   <div class="item-ps">60879票</div>
                   <a href=""><img src="images/zan.png" alt=""></a>
                   <p>为他投票</p>
                </div>
            </div>
        </div>
    </div> 

    <!-- 结果统计 -->
    <div id="statistical" class="vote-statistical wardrobe-statistical">
        <div class="container">
            <h3>结果统计</h3>
            <h4>Result statistics</h4>
            <div class="row">
                <div class="col-md-6"><div id="container-left" ></div></div>
                <div class="col-md-6"><div id="container-right"></div></div>
            </div>
            <div class="row">
                <div class="col-md-2">
                    <div class="statistical-number">6788</div>
                    <p>投票数</p>
                </div>
                <div class="col-md-3">
                    <div class="statistical-square">
                        
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="statistical-number">754</div>
                    <p>阅读量</p>
                </div>
                <div class="col-md-3">
                    <div class="statistical-square">
                        
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="statistical-number">9004</div>
                    <p>分享数</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 投票结果 -->
    <div id="results" class="vote-results wardrobe-results">
        <div class="container">
            <h3>投票结果</h3>
            <h4>Voting results</h4>

            <!-- 电脑端输出投票结果 -->
            <div id="owl-results-pc" class="owl-carousel">
                <div class="results-scl">
                    <div class="row">
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg1.png" alt="">
                                <div class="mak">1</div> 
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg2.png" alt="">
                                <div class="mak">2</div> 
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg3.png" alt="">
                                <div class="mak">3</div> 
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg4.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg5.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg6.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg7.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg8.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg9.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg10.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="results-scl">
                    <div class="row">
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg3.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg4.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg5.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg6.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg7.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg8.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg9.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg10.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="results-scl">
                    <div class="row">
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg3.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg4.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg5.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg6.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg7.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg8.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg9.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg10.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="results-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                    </div> 
                </div>
            </div>

            <!-- 微信端输出投票结果 -->
            <div id="owl-results-phone" class="owl-carousel">
                <div class="results-scl">
                    <div class="row">
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg1.png" alt="">
                                <div class="mak">1</div> 
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg2.png" alt="">
                                <div class="mak">2</div> 
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg3.png" alt="">
                                <div class="mak">3</div> 
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg4.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg5.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg6.png" alt="">
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="results-scl">
                    <div class="row">
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg3.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg4.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg5.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg6.png" alt="">
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="results-scl">
                    <div class="row">
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg3.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg4.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg5.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="results-scrool">
                                <img src="images/zzjg6.png" alt="">
                            </div>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
    </div>

    <!-- 赞助机构 -->
    <div id="sponsors" class="sponsors wardrobe-sponsors">
        <div class="container">
            <h3>赞助机构</h3>
            <h4>Sponsors</h4>

            <!-- 电脑端输出赞助机构 -->
            <div id="owl-sponsors-pc" class="owl-carousel">
                <div class="sponsors-scl">
                    <div class="row">
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg3.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg4.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg5.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg6.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg7.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg8.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg9.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg10.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="sponsors-scl">
                    <div class="row">
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg3.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg4.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg5.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg6.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg7.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg8.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg9.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg10.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="sponsors-scl">
                    <div class="row">
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg3.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg4.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg5.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg6.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg7.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg8.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg9.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg10.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                    </div> 
                </div>
            </div>
            
            <!-- 微信端输出赞助机构 -->
            <div id="owl-sponsors-phone" class="owl-carousel">
                <div class="sponsors-scl">
                    <div class="row">
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg3.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg4.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg5.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg6.png" alt="">
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="sponsors-scl">
                    <div class="row">
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg3.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg4.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg5.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg6.png" alt="">
                            </div>
                        </div>
            
                    </div> 
                </div>
                <div class="sponsors-scl">
                    <div class="row">
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg1.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg2.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg3.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg4.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg5.png" alt="">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="sponsors-scrool">
                                <img src="images/zzjg6.png" alt="">
                            </div>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
    </div>

    <!-- 回到顶部 -->
    <div class="actGotop">TOP</div>

    <!-- 底部导航 -->
    <div class="foot-nav">
        <div class="container">
            <div class="row">
                <div class="col-md-2"><a data-href="#intr">投票简介</a></div>
                <div class="col-md-2"><a data-href="#framework">组织机构</a></div>
                <div class="col-md-2"><a data-href="#sponsors">赞助机构</a></div>
                <div class="col-md-2"><a data-href="#process">活动流程</a></div>
                <div class="col-md-2"><a data-href="#bar">我要投票</a></div>
                <div class="col-md-2"><a data-href="#statistical">结果统计</a></div>
            </div>
        </div>
    </div>

    <!-- 底部信息 -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4 flas">
                    <div class="footer-left">
                        <img src="images/footer-logo.png" alt="">
                        <span>放心买<b>健康住</b></span>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="footer-center">
                        <div class="footer-center-a">中国室内装饰协会-绿色家居环境技术工作委员会</div>
                        <div class="footer-center-b">cida china green home furnishing environmental technical working committee</div>
                        <ul>
                            <li>010-82357166/82358549</li>
                            <li>010-82358546-811</li>
                            <li class="email">research@chinawood.org</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-2 col-sm-6">
                    <div class="ewm footer-right">
                        <img src="images/ewm.png" alt="">
                        <p>拿起您的手机</p>
                        <p style="margin-top:10px">扫一扫吧</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 版权信息 -->
    <div class="copyright">
        <div class="container clearfix">
            <div class="left">版权所有 北京翔菲市场调研有限公司 并保留一切权利 隐私保护  </div>
            <div class="right">Copyright 2011 HMCF ALL right resrved Privacy Policy 技术支持：瑞思沃美 京ICP备09028764号</div>
        </div>
    </div>

    
    <!-- 淡入淡出 文件 -->
    <script src="js/scroll.js"></script>
    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <!-- 轮播图banner 文件 -->
    <script src="js/banner.js"></script>
    <!-- 数据js 文件 -->
    <script src="js/data.js"></script>
    <!-- 微信端活动流程轴 文件 -->
    <script src="js/timeline.js"></script>
    <!-- 轮播js -->
    <script type="text/javascript">
       jQuery(function($) {
           $("#owl-banner").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                autoPlay: 4000,
                navigation: true,
                navigationText: ["",""],
           });
        });
        jQuery(function($) {
           $("#owl-sponsors-pc").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                // autoPlay: 8000,
                navigation: true,
                navigationText: ["",""],
           });
        });
        jQuery(function($) {
           $("#owl-sponsors-phone").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                // autoPlay: 8000,
                navigation: true,
                navigationText: ["",""],
           });
        });
        
       jQuery(function($) {
           $("#owl-bar").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                // autoPlay: 8000,
                navigation: true,
                navigationText: ["",""],
           });
        });
       jQuery(function($) {
           $("#owl-results-pc").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                // autoPlay: 8000,
                navigation: true,
                navigationText: ["",""],
           });
        });
       jQuery(function($) {
           $("#owl-results-phone").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                // autoPlay: 8000,
                navigation: true,
                navigationText: ["",""],
           });
        });
       $(document).ready(function() {
            var owl = $("#owl-bar-phone");
            owl.owlCarousel({
                autoPlay: 4000,
                items : 10, //10 items above 1000px browser width
                itemsDesktop : [1199,6], //5 items between 1000px and 901px
                itemsDesktopSmall : [900,4], // betweem 900px and 601px
                itemsTablet: [600,2], //2 items between 600 and 0
                itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
            });
        });
    </script>

    <!-- 返回顶部js -->
    <script>
        $(function(){ 
            $(window).scroll(function() {   
                if($(window).scrollTop() >= 50){
                    $('.actGotop').fadeIn(300); 
                }else{    
                    $('.actGotop').fadeOut(300);    
                }  
            });
            $('.actGotop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 
        });
    </script>
    <script>
        $(function() {
            var $root = $('html, body');
            $('a').click(function() {
                $root.animate({
                    scrollTop: $($.attr(this, 'data-href')).offset().top
                }, 1000);
                return false;
            });
        });
    </script>

    <!-- 左边数据js -->
    <script>
        $(function () {
            $('#container-left').highcharts({
                chart: {
                    type: 'column'
                },
                title: {
                    text: ''
                },
                xAxis: {
                    categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: ''
                    },
                    stackLabels: {
                        enabled: true,
                        style: {
                            fontWeight: 'bold',
                            color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                        }
                    }
                },
                legend: {
                    align: 'right',
                    x: -30,
                    verticalAlign: 'top',
                    y: 25,
                    floating: true,
                    backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
                    borderColor: '#CCC',
                    borderWidth: 1,
                    shadow: false
                },
                tooltip: {
                    formatter: function () {
                        return '<b>' + this.x + '</b><br/>' +
                            this.series.name + ': ' + this.y + '<br/>' +
                            'Total: ' + this.point.stackTotal;
                    }
                },
                plotOptions: {
                    column: {
                        stacking: 'normal',
                        dataLabels: {
                            enabled: true,
                            color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                            style: {
                                textShadow: '0 0 3px black'
                            }
                        }
                    }
                },
                series: [{
                    name: 'John',
                    data: [5, 3, 4, 7, 2]
                }, {
                    name: 'Jane',
                    data: [2, 2, 3, 2, 1]
                }, {
                    name: 'Joe',
                    data: [3, 4, 4, 2, 5]
                }]
            });
        });

    </script>

    <!-- 右边数据js -->
    <script>
        $(function () {
            $('#container-right').highcharts({
                chart: {
                    type: 'column'
                },
                title: {
                    text: ''
                },
                xAxis: {
                    categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: ''
                    },
                    stackLabels: {
                        enabled: true,
                        style: {
                            fontWeight: 'bold',
                            color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                        }
                    }
                },
                legend: {
                    align: 'right',
                    x: -30,
                    verticalAlign: 'top',
                    y: 25,
                    floating: true,
                    backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
                    borderColor: '#CCC',
                    borderWidth: 1,
                    shadow: false
                },
                tooltip: {
                    formatter: function () {
                        return '<b>' + this.x + '</b><br/>' +
                            this.series.name + ': ' + this.y + '<br/>' +
                            'Total: ' + this.point.stackTotal;
                    }
                },
                plotOptions: {
                    column: {
                        stacking: 'normal',
                        dataLabels: {
                            enabled: true,
                            color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                            style: {
                                textShadow: '0 0 3px black'
                            }
                        }
                    }
                },
                series: [{
                    name: 'John',
                    data: [5, 3, 4, 7, 2]
                }, {
                    name: 'Jane',
                    data: [2, 2, 3, 2, 1]
                }, {
                    name: 'Joe',
                    data: [3, 4, 4, 2, 5]
                }]
            });
        });
    </script>
    
    <!-- 微信端活动流程轴js -->
    <script>
        $(function(){
            var $timeline_block = $('.cd-timeline-block');
            //hide timeline blocks which are outside the viewport
            $timeline_block.each(function(){
                if($(this).offset().top > $(window).scrollTop()+$(window).height()*0.75) {
                    $(this).find('.cd-timeline-img, .cd-timeline-content').addClass('is-hidden');
                }
            });
            //on scolling, show/animate timeline blocks when enter the viewport
            $(window).on('scroll', function(){
                $timeline_block.each(function(){
                    if( $(this).offset().top <= $(window).scrollTop()+$(window).height()*0.75 && $(this).find('.cd-timeline-img').hasClass('is-hidden') ) {
                        $(this).find('.cd-timeline-img, .cd-timeline-content').removeClass('is-hidden').addClass('bounce-in');
                    }
                });
            });
        });
    </script>
    
</body>
</html>